﻿<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>易买网 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}" />
<script type="text/javascript" src="scripts/function.js" th:src="@{/scripts/function.js}"></script>
	<script src="http;//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function (){
			$("a[disabled='disabled']").removeAttr("href");
		})
				</script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img src="images/logo.gif" th:src="@{/images/logo.gif}" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box">
		  <h2>商品分类</h2>
			<dl th:each="big : ${cateMap['big']}">
				<dt th:text="${big.epcName}">图书音像</dt>
				<dd th:each="small : ${cateMap['small']}">
					<a th:href="@{'/product/list_cate?cateId='+${small.epcId}}"
				th:text="${small.epcName}"
				th:if="${big.epcId==small.epcParentId}">图书
				</a>
				</dd>
				</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
		</div>
	</div>
	<div class="main">
		<div class="price-off">
			<h2>商品列表</h2>
			<ul class="product clearfix">
				<li th:each="prod:${prodsPage.getRecords()}">
					<dl>
						<dt><a th:href="@{'/product/detail?epId='+${prod.epId}}" target="_blank"><img
								th:src="@{'/images/product/'+${prod.epFileName}}" /></a></dt>
						<dd class="title"><a th:href="@{'/product/detail?epId='+${prod.epId}}" target="_blank"
											 th:text="${prod.epName}"></a></dd>
						<dd class="price"th:text="'￥'+${prod.epPrice}"></dd>
					</dl>
				</li>

			</ul>
			<div class="pager">
				<ul class="clearfix">
					<li><a   th:disabled="${prodsPage.getCurrent()==1?'ture':'false'}"
					th:style="${prodsPage.getCurrent()==1?'cursor:no-drop;':'auto'}"
							 th:href="@{'/front/index?psize='
							 +${prodsPage.getCurrent()>1?(prodsPage.getCurrent()-1):1}}">上一页</a>
					</li>
					<li
					th:each="p:${#numbers.sequence(1,prodsPage.getPages())}"
					>
						<a th:style="${prodsPage.getCurrent()==p?'color:red':''}"
						th:href="@{'/front/index?psize='+${p}}"
						   th:text="${p}"
						></a>
					</li>
					<li><a
							th:disabled="${prodsPage.getCurrent()==prodsPage.getPages()?'ture':'false'}"
							th:style="${prodsPage.getCurrent()==prodsPage.getPages()?'cursor:no-drop;':'auto'}"
							th:href="@{'/front/index?psize='
							 +${prodsPage.getCurrent()<prodsPage.getPages()?(prodsPage.getCurrent()+1):prodsPage.getPages()}}">
						下一页</a></li>
				</ul>
			</div>

		</div>
  <div class="side">
			<div class="spacer"></div>
			<div class="news-list">
				<h4>新闻动态</h4>
				<ul>
					<li th:each="news:${newsPage.getRecords()}">
						<dl>

								<a th:href="@{'/news/detail?enId='+${news.getEnId()}}" target="_blank">
									<dd class="title"><a th:href="@{'/news/detail?enId='+${news.getEnId()}}" target="_blank"
						th:text="${news.enTitle}"></a> </dd>
								</a></dl>
					</li>
				</ul>
			</div>

		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>
